@charset "utf-8";

*{margin:0;padding:0}
body{font-size:13px;font-family:arial;-webkit-text-size-adjust:none;line-height:1.62;background-color: #000}
body,html{width:100%;height:100%;overflow:hidden;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none;}
em{font-style:normal}
img{border:none;}
input,img{vertical-align:middle;}
input,select,textarea{outline:0;}
q:before, q:after { content:'' }
.fn-clear:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.fn-clear{*zoom:1}
a{color:#666;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:active{color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}
section,aside,header,footer,hgroup,article{display:block}
.show{display: block}
.hide{display: none}

.p-index {height: 100%; width: 100%; overflow: hidden }

.m-page { position:absolute; left:0; top:0; height:100%; width:100%}
.m-page.show { z-index:10; display:block; }
.m-page.hide { z-index:5; display:none; }
.m-page.active { z-index:15; display:block; }

.m-box{position:absolute;left:10%;top:50%;width:80%;margin:-120px auto 0;text-align: center;color:#fff;}
.m-img{ width:100%; height:100%;background-position: center;background-position: no-repeat;background-size: 100% 100%}
.m-ico{width:66px;height:66px;margin:0 auto;background-position: center;background-position: no-repeat;background-size: 66px}

.p-index{display:none}
.m-page img{position:absolute}
.m-tips{opacity:0;display:block;position:absolute;bottom:0px;left:50%;margin-left:-23px;width:45px;height:52px;background:url("../img/arrow.png") no-repeat;background-size:45px auto;
		-webkit-animation:tips ease-out 1s infinite;-webkit-animation-delay:1.5s}
@-webkit-keyframes tips{
	0%{
		opacity:0;
		-webkit-transform:translate(0,0px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,-20px);
	}
}






.m-page01 .m-img{background-image:url("../img/ad/wls01.jpg")}
.m-01-img1{opacity:0;top:0px;width:100%;-webkit-animation:jianxian ease-in-out 2s forwards;}
.m-01-img2{opacity:0;bottom:80px;left:50%;margin-left:-130px;width:259px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:.8s}
@-webkit-keyframes jianxian{
    0%{
        opacity:0;
        
    }
    100%{
        opacity:1;
        
    }
}

@-webkit-keyframes slideleft{
    0%{
        opacity:0;
        -webkit-transform:translate(20px,0px);
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0,0);
    }
}


@-webkit-keyframes slideright{
    0%{
        opacity:0;
        -webkit-transform:translate(-20px,0px);
    }
    100%{
        opacity:1;
        -webkit-transform:translate(0,0);
    }
}

@-webkit-keyframes slideUp{
	0%{
		opacity:0;
		-webkit-transform:translate(0,20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
}
@-webkit-keyframes slideDown{
	0%{
		opacity:0;
		-webkit-transform:translate(0,-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
}

.m-page02 .m-img{background-image:url("../img//ad/wls02.jpg")}
.m-02-img1{opacity:0;top:0px;width:100%;-webkit-animation:jianxian ease-in-out 2s forwards;-webkit-animation-delay:.2s}
.m-02-img2{opacity:0;bottom:80px;left:50%;margin-left:-130px;width:259px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:.8s}


.m-page03 .m-img{background-image:url("../img/ad/wls03.jpg")}
.m-03-img1{opacity:0;top:0px;width:100%;-webkit-animation:jianxian ease-in-out 2s forwards;-webkit-animation-delay:.2s}
.m-03-img2{opacity:0;bottom:80px;left:50%;margin-left:-130px;width:259px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:.8s}



.m-page04 .m-img{background-image:url("../img/ad/wls04.jpg")}
.m-04-img1{opacity:0;top:0px;width:100%;-webkit-animation:jianxian ease-in-out 1s forwards;-webkit-animation-delay:.2s}
.m-04-img2{opacity:0;bottom:60px;left:50%;margin-left:-160px;width:320px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:.6s}
.m-04-img3{opacity:0;bottom:60px;left:50%;margin-left:-160px;width:320px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:1.2s}
.m-04-img4{opacity:0;bottom:60px;left:50%;margin-left:-160px;width:320px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:1.8s}
.m-04-img5{opacity:0;bottom:60px;left:50%;margin-left:-160px;width:320px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:2.4s}
.m-04-img6{opacity:1;bottom:20px;left:50%;margin-left:-91px;width:182px;}




.m-page05 .m-img{background-image:url("../img/5.jpg")}
.m-05-img1{opacity:0;top:0px;width:100%;-webkit-animation:jianxian ease-in-out 1s forwards;-webkit-animation-delay:.2s}
.m-05-img2{opacity:0;top:0px;left:50%;margin-left:-160px;width:320px;-webkit-animation:slideDown ease-in-out .8s forwards;-webkit-animation-delay:.6s}
.p-box{width:320px;position:absolute;bottom:50px;left:50%;margin-left:-160px;}
.p-tips{color:rgba(255,255,255,0.5);font-weight:bold;text-align:center;}




.m-page015 .m-img{background-image:url("../img/6.jpg")}
.m-15-img1{opacity:0;top:0px;width:100%;-webkit-animation:jianxian ease-in-out 1s forwards;-webkit-animation-delay:.2s}
.btn-go{display:block;width:186px;height:42px;background:url("../img/btn-go.png");background-size:186px 42px;position:absolute;bottom:20px;left:15%;margin-left:-93px;-webkit-animation:slideUp ease-in-out .8s forwards;-webkit-animation-delay:.6s}





.pup-rule{display:none;width:260px;height:250px;background:#f0f0f0;position:absolute;top:87px;left:50%;margin-left:-130px;z-index:1000;}
.puo-head{width:260px;height:54px;background:#d5031b;}
.puo-head p{color:#fff;font-size:25px;line-height:53px;padding-left:18px;}
.btn-close{display:block;width:23px;height:23px;background:url("http://115.28.108.203/wooroot/XFWKZX/img/btn-close.png");background-size:23px 23px;position:absolute;top:15px;right:15px;}
.pup-p1{font-size:15px;color:#d5031b;padding:18px;}
.pup-line{width:230px;height:1px;background:#e8d7d5;margin:0 auto;margin-top:5px;}
.pup-p2{font-size:12px;color:#d5031b;padding:8px 18px 0 18px;}
.pup-zan{padding:0px 18px 0 18px;font-size:15px;color:#d5031b;margin-top:-10px;}


@-webkit-keyframes FX-spin{
    0% {
        opacity:.4;
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0deg); 
    }

  
    100% {
        opacity:1;
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-360deg);
    }
}

.player-button{position:absolute;z-index:10000;display:block;top:10px;right:10px;width:25px;height:25px;background:url("http://115.28.108.203/wooroot/XFWKZX/img/tesla-button.png") 0 0;background-size:50px 25px;cursor:pointer;background-repeat: no-repeat;
border: #ddd 1px solid;
border-radius: 55px;
background-color: rgba(55,55,55,.1);
}
.player-button-stop{background-position:-25px 0}
.player-tip{position:absolute;top:5px;left:-130px;width:110px;background:rgba(59,89,114,.6);border-radius:4px 0 0 4px;font-size:10px;color:#ccc;line-height:20px;text-align:center}
.player-tip:after{content:"";position:absolute;right:-32px;width:0;height:0;border-left:16px solid rgba(59,89,114,.6);border-top:10px solid transparent;border-right:16px solid transparent;border-bottom:10px solid transparent;}





















.dialog{display:none;position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;background:url("../img/02-bg.jpg");background-size:100% 100%}
.dialog img{position:absolute}
.dialog-txt{position:absolute;top:148px;left:50%;margin-left:-85px;width:170px;height:161px;background:url("../img/02-bg.jpg") no-repeat;background-size:170px auto}
.dialog-share{margin:101px 0 0 14px;display:block;width:138px;height:29px;text-indent:-9999px}

.copyright{position:absolute;bottom:5px;right:0;font-size:13px;color:#440404;text-align:center;padding-right:10px;}
.copyright a{color:#440404}

.loading {
    position: fixed;
    top: 30%;
    left: 50%;
    margin: -14px 0 0 -42px;
    padding: 10px;
}
.loading-dot {
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-box-shadow: 0 0 2px black;
    -moz-box-shadow: 0 0 2px black;
    -ms-box-shadow: 0 0 2px black;
    -o-box-shadow: 0 0 2px black;
    box-shadow: 0 0 2px black;
    -webkit-animation: loadingFade 1s infinite;
    -moz-animation: loadingFade 1s infinite;
    animation: loadingFade 1s infinite;
}
.loading-dot:nth-child(1) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
}
.loading-dot:nth-child(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.loading-dot:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.loading-dot:nth-child(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@-webkit-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}
@-moz-keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}
@keyframes loadingFade {
    0% { opacity: 0; }
    50% { opacity: 0.8; }
    100% { opacity: 0; }
}